
$linkColor : #08c;
/*重置css*/
body,div,ul,li,ol,p,a,span,i,strong,select,option,img,input,h1,h2,h3,h4,h5,h6{
	margin: 0px;
	padding: 0px;
}
input{
	outline: none;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	// color: #252525;
	color:$linkColor;
	&:hover{
		color:darken($linkColor,10%)
	}
}
img{
	border: none;
	outline: none;
}
button{
	border: none;
}
html{
	width: 100%;
	height: 100%;
}
body{
	width: 100%;
	height: 100%;
}

/*清除浮动*/
.clearfix:after{
	content: '';
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
.clearfix{
	*zoom:1;
}

@mixin border-radius ($radius) {
	-webkit-border-radius:$radius;
	   -moz-border-radius:$radius;
	     -o-border-radius:$radius;
	        border-radius:$radius;
}

@mixin opacity ($opacity) {
	opacity: $opacity;
	filter:alpha(opacity = $opacity*100);
}







/*底部p*/
.bottomP{
	padding-bottom: 4px;
	font-size:12px; 
	text-align:center; 
	color: #333;
	opacity: 0.5;
	filter:alpha(opacity=50);
	margin-bottom: 5px;
}

/*跳动beats*/
@keyframes beats {
	0% {
		top:330px;
	}
	 50% {
		top:340px;
	}
	 100% {
		top:330px;
	}
}
@-webkit-keyframes beats {
	0% {
		top:330px;
	}
	 50% {
		top:340px;
	}
	 100% {
		top:330px;
	}
}
@-moz-keyframes beats {
	0% {
		top:330px;
	}
	 50% {
		top:340px;
	}
	 100% {
		top:330px;
	}
}
@-o-keyframes beats {
	0% {
		top:330px;
	}
	 50% {
		top:340px;
	}
	 100% {
		top:330px;
	}
}


/*旋转rotate*/
@keyframes rotate{
	from{
		opacity: 0;
		transform:scale(0, 0);
	}
	to{
		opacity: 1; 
		transform: scale(1, 1);
	}
}
@-webkit-keyframes rotate{
	from{
		opacity: 0;
		transform:scale(0, 0);
	}
	to{
		opacity: 1; 
		transform: scale(1, 1);
	}
}
@-o-keyframes rotate{
	from{
		opacity: 0;
		transform:scale(0, 0);
	}
	to{
		opacity: 1; 
		transform: scale(1, 1);
	}
}
@-moz-keyframes rotate{
	from{
		opacity: 0;
		transform:scale(0, 0);
	}
	to{
		opacity: 1; 
		transform: scale(1, 1);
	}
}

/*矩形流动*/
 @keyframes clipMe {
     0% {
         clip: rect(0px, 232.0px, 2px, 0px);
     }
     25% {
         clip: rect(0px, 2px, 40.0px, 0px);
     }
     50% {
         clip: rect(38.0px, 232.0px, 40.0px, 0px);
     }
     75% {
         clip: rect(0px, 232.0px, 40.0px, 230.0px);
     }
     100% {
         clip: rect(0px, 232.0px, 2px, 0px);
     }
 }
